<script>
export default {
  name: 'ConsultationView',
  data() {
    return {


    }
  },
  methods: {
    goBack(){
      // 实现点击跳转逻辑
      this.$router.push({ name: 'message' });
    },
    handleClick() {
      // 在这里处理点击跳转逻辑
      this.$message.success('点击了消息')
    }

  }
}

</script>

<template>
  <div class="chat-list">

<!--  头部  -->
    <div class="header">
      <div class="arrow-left" @click="goBack">
        <svg class="ServiceMessagesIcon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="30" height="30">
          <path d="M333.994667 469.333333H853.333333v85.333334H333.994667l228.864 228.864-60.330667 60.330666L170.666667 512l331.861333-331.861333 60.330667 60.330666L333.994667 469.333333z" fill="#000000" p-id="2527"></path>
        </svg>
      </div>
      <span>服务消息</span>
    </div>

    <div class="chat-item" @click="handleClick()">
      <div class="message-content">
        <div class="user-name">签约进度提醒</div>
        <div class="message-text">医生已经通过了您的签约申请，点此查看详情</div>
      </div>
      <div class="arrow-right"></div>
    </div>



  </div>

</template>

<style scoped>
@import "ServiceMessages.css";
</style>